<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>R'shop</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">



    <!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>


  </head>
  <body>

<header>
  <div class="collapse bg-dark" id="navbarHeader">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-md-7 py-4">
          <h4 class="text-white">About</h4>
          <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
        </div>
        <div class="col-sm-4 offset-md-1 py-4">
          <h4 class="text-white">Contact</h4>
          <ul class="list-unstyled">
            <li><a href="#" class="text-white">Follow on Twitter</a></li>
            <li><a href="#" class="text-white">Like on Facebook</a></li>
            <li><a href="#" class="text-white">Email me</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="#" class="navbar-brand d-flex align-items-center">

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 110 110" height="110" width="110">
<mask height="110" width="110" y="0" x="-6" maskUnits="userSpaceOnUse" style="mask-type:alpha" id="mask0_1:954">
<rect fill="white" height="110" width="110" x="-6"></rect>
</mask>
<g mask="url(#mask0_1:954)">
<path fill="#342525" d="M64.8835 79.8868C74.4857 71.1085 71.605 62.9287 70.1647 52.9533C69.0844 45.4717 66.31 42.8919 65.8437 39.9852L64.8835 39.4865L73.0454 34C76.2461 35.6626 76.4635 41.4036 78.3266 46.968C82.1675 58.4397 85.4015 80.0939 74.9658 86.8696C67.284 91.8573 52.5606 89.8623 50 87.8672C50.9602 87.5347 62.5789 81.8819 64.8835 79.8868Z"></path>
<mask height="57" width="33" y="33" x="49" maskUnits="userSpaceOnUse" style="mask-type:alpha" id="mask1_1:954">
<path fill="#342525" d="M64.616 79.5C74.3683 70.7 71.4426 62.5 69.9798 52.5C68.8826 45 66.0648 42.4138 65.5912 39.5L64.616 39L72.9054 33.5C76.1562 35.1667 76.377 40.9219 78.2692 46.5C82.1701 58 85.4546 79.7075 74.8559 86.5C67.0541 91.5 52.1006 89.5 49.5 87.5C50.4752 87.1667 62.2755 81.5 64.616 79.5Z"></path>
</mask>
<g mask="url(#mask1_1:954)">
<path fill="#271A1A" d="M74.3683 71C78.2692 69.8 81.6825 64.3333 82.1701 61.5L70.9551 65L48.5244 79C47.7117 82.3333 40.918 86.3 47.5495 87.5C55.8389 89 71.9303 85.5 74.3683 71Z"></path>
<path fill="#271A1A" d="M78 55C77 49.5 74.8333 46.6667 72.5 45H72L72.5 56.5C74.8333 57 78 58.2 78 55Z"></path>
</g>
<path fill="#FAB5A3" d="M40.5907 83.1858C40.5907 83.1858 42.728 91.3978 41.1155 94.4747C39.8916 95.9047 37.7314 96.5867 36.0204 96.7991C38.5076 97.9209 44.3068 103.964 50.0204 104C55.7238 104.036 61.342 98.0662 63.3538 96.7991C58.9003 96.853 57.7562 93.7807 57.7562 93.7807C57.7562 93.7807 57.745 88.5125 58.7116 83.7043C54.5861 80.5784 40.5907 83.1858 40.5907 83.1858Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<mask height="23" width="28" y="82" x="36" maskUnits="userSpaceOnUse" style="mask-type:alpha" id="mask2_1:954">
<path fill="white" d="M40.5907 83.1858C40.5907 83.1858 42.728 91.3978 41.1155 94.4747C39.8916 95.9047 37.7314 96.5867 36.0204 96.7991C38.5076 97.9209 44.3068 103.964 50.0204 104C55.7238 104.036 61.342 98.0662 63.3538 96.7991C58.9003 96.853 57.7562 93.7807 57.7562 93.7807C57.7562 93.7807 57.745 88.5125 58.7116 83.7043C54.5861 80.5784 40.5907 83.1858 40.5907 83.1858Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</mask>
<g mask="url(#mask2_1:954)">
<g opacity="0.348749" style="mix-blend-mode:multiply">
<path fill="#E89A85" d="M41.2768 86.6383C41.2768 86.6383 48.9944 95.7144 60.8264 96.384C69.5295 97.9161 61.873 82 61.873 82L41.2768 86.6383Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</g>
</g>
<path fill="white" d="M36 96.4198L41.5 93.5C41.5 93.5 46 100 49.5 101C52 100.5 55.4286 96.2421 58 93.5C57.899 93.4121 63 96.4198 63 96.4198C63 96.4198 59.5246 107.826 49.7064 107.494C39.8883 107.162 36 96.4198 36 96.4198Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<mask height="14" width="27" y="94" x="36" maskUnits="userSpaceOnUse" style="mask-type:alpha" id="mask3_1:954">
<path fill="white" d="M36 96.4198L42.4445 94.3081C42.4445 94.3081 48.2493 100.005 50.1492 100.385C52.3088 99.842 54.9702 96.7451 57.5416 94.003C57.4407 93.9151 63 96.4198 63 96.4198C63 96.4198 59.5246 107.826 49.7064 107.494C39.8883 107.162 36 96.4198 36 96.4198Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</mask>
<g mask="url(#mask3_1:954)">
<path fill="#FD8787" d="M35.0501 105.965L33.1335 113.313L66.6507 114.261L64.3625 105.965C64.3625 105.965 51.9835 105.965 46.7123 105.965C41.4411 105.965 35.0501 105.965 35.0501 105.965Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path fill="white" d="M34.488 94.5575C38.0846 98.3299 43.0324 101.253 49.3635 101.254C55.1646 101.472 59.9718 98.4168 63.2636 95.1069L63.4385 94.9284L63.8586 95.2993C60.4536 98.8286 55.4194 102.029 49.3522 101.8C42.9921 101.8 37.9554 98.8854 34.2621 95.129L34.0655 94.926L34.488 94.5575Z"></path>
</g>
<path fill="#120E1C" d="M6 115.675C6 115.675 6 106.484 9.20399 103.848C14.5824 100.695 28.8115 96.105 40.2002 94.3264C47.1939 101.931 49.5392 105.297 49.5392 105.297L58.4935 94C58.4935 94 86.1419 100.709 90.3154 105.297C93 108.248 92.8045 113.516 93 115.675C57.6558 116.325 6 115.675 6 115.675Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<mask height="22" width="87" y="94" x="6" maskUnits="userSpaceOnUse" style="mask-type:alpha" id="mask4_1:954">
<path fill="white" d="M6 115.675C6 115.675 6 106.484 9.20399 103.848C14.5824 100.695 28.8115 96.105 40.2002 94.3264C47.1939 101.931 49.5392 105.297 49.5392 105.297L58.4935 94C58.4935 94 86.1419 100.709 90.3154 105.297C93 108.248 92.8045 113.516 93 115.675C57.6558 116.325 6 115.675 6 115.675Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</mask>
<g mask="url(#mask4_1:954)">
<path fill="#F84646" d="M32.7097 102.49L35.9004 122.518L63.8552 121.743L66.2131 105.11L59.8419 96.61L57.4562 95.6458L41.2258 95.9855L39.0935 96.61L32.7097 102.49Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</g>
<path fill="#1E1631" d="M37.8974 94C36.031 94.3644 17.8315 98.4633 11 102.181C31.1986 101.789 49.9079 116 49.9079 116C49.9079 116 64.1001 102.544 88 103.098C81.7691 98.9994 65.1688 94.8478 59.8684 94C53.6202 101.908 49.3919 107.485 49.3919 107.485C49.3919 107.485 40.9639 96.9548 37.8974 94Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<mask height="22" width="77" y="94" x="11" maskUnits="userSpaceOnUse" style="mask-type:alpha" id="mask5_1:954">
<path fill="white" d="M37.8974 94C36.031 94.3644 17.8315 98.4633 11 102.181C31.1986 101.789 49.9079 116 49.9079 116C49.9079 116 64.1001 102.544 88 103.098C81.7691 98.9994 65.1688 94.8478 59.8684 94C53.6202 101.908 49.3919 107.485 49.3919 107.485C49.3919 107.485 40.9639 96.9548 37.8974 94Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</mask>
<g mask="url(#mask5_1:954)">
<path fill="#FFE079" d="M31.8449 95L49.9663 113.228L68.7755 91.7522L33.2198 93.0065L31.8449 95Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</g>
<path fill="#CB2121" d="M93.6115 19V45.9886H92.9999V19H93.6115Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path fill="#BEBEBE" d="M92.375 29.2102V31.9715C92.375 31.9715 93.0558 32.0947 93.3961 32.0947C93.7365 32.0947 94.375 31.9715 94.375 31.9715V29.2102C94.375 29.2102 93.6667 29.0947 93.3296 29.0947C92.9925 29.0947 92.375 29.2102 92.375 29.2102Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path fill="#F84646" d="M91.9438 33.8293C91.9438 33.8293 92.5913 33.8293 93.2567 33.8293C93.922 33.8293 94.7083 33.8293 94.7083 33.8293C94.7083 33.8293 95.9537 69.3296 97.9805 72.5597C95.4882 73.5549 93.0306 73.5456 91.2671 72.9461C91.0961 72.888 91.0003 72.0085 90.9465 71.9014C90.8836 72.041 90.6448 72.5051 90.4681 72.6024C89.7652 72.3653 88.9805 71.3998 88.9805 71.3998L91.9438 33.8293Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<mask height="41" width="10" y="33" x="88" maskUnits="userSpaceOnUse" style="mask-type:alpha" id="mask6_1:954">
<path fill="white" d="M91.9438 33.8293C91.9438 33.8293 92.5913 33.8293 93.2567 33.8293C93.922 33.8293 94.7083 33.8293 94.7083 33.8293C94.7083 33.8293 95.9537 69.3296 97.9805 72.5597C95.4882 73.5549 93.0306 73.5456 91.2671 72.9461C91.0961 72.888 91.0003 72.0085 90.9465 71.9014C90.8836 72.041 90.6448 72.5051 90.4681 72.6024C89.7652 72.3653 88.9805 71.3998 88.9805 71.3998L91.9438 33.8293Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</mask>
<g mask="url(#mask6_1:954)">
<path fill="#CB2121" d="M95.7748 42.4645C95.7748 42.4645 95.2352 50.4172 94.9873 57.3594C94.7394 64.3016 94.8189 72.4774 89.1114 75.4863C84.6102 76.1565 118.285 91.1126 117.947 90.8799C117.608 90.6472 106.591 42.633 106.591 42.633L95.7748 42.4645Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path fill="#CB2121" d="M89.9805 72.1808C89.9805 72.1808 90.7315 67.993 90.8889 64.3594C91.0721 72.3599 90.8889 73.3594 90.8889 73.3594L89.9805 72.1808Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</g>
<path fill="#120E1C" d="M3.39062 20.8755V23.2701L49.716 35.3755L95.0073 23V20.6356L48.8083 6.37549L3.39062 20.8755Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<mask height="30" width="93" y="6" x="3" maskUnits="userSpaceOnUse" style="mask-type:alpha" id="mask7_1:954">
<path fill="white" d="M3.39062 20.8755V23.2701L49.716 35.3755L95.0073 23V20.6356L48.8083 6.37549L3.39062 20.8755Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</mask>
<g mask="url(#mask7_1:954)">
<path fill="black" d="M48.5831 8.78151C48.5831 8.78151 58.5503 13.585 53.5503 15.7998C48.5503 18.0146 29.3204 15.8782 20.9363 28.543C12.5522 41.2078 89.4814 45.0114 89.9814 44.5C90.4814 43.9886 104.521 17.3623 104.521 17.3623L48.5831 8.78151Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path fill="#231C35" d="M3.39062 23L48.373 8.6261L95.0073 23V10.6422L29.0005 2.64258L-2.18994 15.627L3.39062 23Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</g>
<path fill="#FFB5B5" d="M67.1629 59.915C67.1629 59.915 70.2585 49.6902 78.0233 52.6741C85.7882 55.658 80.9266 71.2628 68.6965 69.1331C58.1303 68.489 67.1629 59.915 67.1629 59.915Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path fill="#C26B6B" d="M77.9312 58.6249C77.9312 58.2798 77.6514 58 77.3062 58C75.0268 58 72.959 59.4866 71.0998 62.3707C70.9128 62.6608 70.9963 63.0475 71.2864 63.2345C71.5765 63.4215 71.9632 63.338 72.1502 63.0479C72.7171 62.1685 73.2921 61.4453 73.875 60.8746C75.1355 61.1637 75.7469 61.6413 75.8517 62.2832C75.9074 62.6238 76.2286 62.8548 76.5692 62.7991C76.9099 62.7435 77.1409 62.4222 77.0852 62.0816C76.9225 61.0858 76.2234 60.3723 75.0631 59.9284C75.7989 59.4737 76.5466 59.2498 77.3062 59.2498C77.6514 59.2498 77.9312 58.97 77.9312 58.6249Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path fill="#FFCCCC" d="M25.1748 50.4211C24.5349 36.5754 35.5877 25 49.4482 25C63.0767 25 74.0402 36.2063 73.7418 49.8315L73.4291 64.1075C73.1482 76.9303 62.8654 87.2823 50.0447 87.6492C37.3401 88.3925 26.4775 78.6108 25.89 65.8981L25.1748 50.4211Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<mask height="63" width="49" y="25" x="25" maskUnits="userSpaceOnUse" style="mask-type:alpha" id="mask8_1:954">
<path fill="white" d="M25.1748 50.4211C24.5349 36.5753 35.5877 25 49.4482 25C63.0767 25 74.0402 36.2063 73.7418 49.8315L73.4291 64.1075C73.1482 76.9303 62.8654 87.2823 50.0447 87.6492C37.3401 88.3925 26.4775 78.6108 25.89 65.8981L25.1748 50.4211Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</mask>
<g mask="url(#mask8_1:954)">
<path fill="#FFB5B5" d="M42.4997 86.5C24.8997 76.9 31.1664 54.1667 36.4997 44H36V42H26L20 51L24.5 86.5C37.8332 90.5 60.0997 96.1 42.4997 86.5Z"></path>
<ellipse fill="#6E3636" ry="3" rx="2.5" cy="62" cx="61.4998"></ellipse>
<ellipse fill="#FF5988" ry="1.55491" rx="2.72109" cy="70.9448" cx="66.6114" opacity="0.624907"></ellipse>
<ellipse fill="#FF5988" ry="1.55491" rx="2.72109" cy="70.9448" cx="33.215" opacity="0.624907"></ellipse>
<ellipse fill="#6E3636" ry="3" rx="2.5" cy="62" cx="38.4998"></ellipse>
<path fill="#F28091" d="M49.6039 63.1214C49.8874 63.0458 50.1821 63.1976 50.2621 63.4605C50.9412 65.6923 50.8215 67.5314 49.8707 68.9508L49.7728 69.0913C48.6199 70.6854 49.8055 71.8708 52.2925 71.2333C52.5769 71.1604 52.8698 71.3151 52.9468 71.5788C53.0238 71.8425 52.8558 72.1154 52.5714 72.1883C49.2549 73.0385 47.1886 71.031 48.8162 68.6443L48.8882 68.5418C49.7313 67.3761 49.8589 65.7837 49.2354 63.7345C49.1554 63.4716 49.3203 63.1971 49.6039 63.1214Z"></path>
<path stroke-linecap="round" stroke-width="0.980253" stroke="#F28091" d="M47.9998 77.273C47.9998 77.273 53.3229 77.7047 54.9969 75"></path>
<path fill="#6E3636" d="M57.0752 57.9885C57.0752 57.9885 60.8941 53.6432 67.1292 56.8847C66.3645 53.1042 60.027 52.1278 57.6 55.3397C56.987 56.1509 57.0752 57.9885 57.0752 57.9885Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path fill="#6E3636" d="M43.2739 58.139C43.2739 58.139 39.1045 54.1289 33.1629 57.8812C33.6082 54.05 39.8416 52.5461 42.5292 55.5434C43.2079 56.3005 43.2739 58.139 43.2739 58.139Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</g>
<path fill="#342525" d="M13.5 71.375C14.0942 56.3384 18.7719 41.7211 21 36.5L38.5 40C37 43 29.5 50.5 29.5 67.5C30.5 83 42 86.6001 44.5 87C44.5 87 42.5 87.6443 40.0437 87.6443C40.5 88.5 42.0243 89.7327 43.0146 90.2548C39.301 91.8211 33.3594 92.3031 31.1312 91.8211C21.476 89.7327 19.9906 82.8333 19.9906 80.8569C18.6667 82.8333 19.2479 84.8597 19.9906 86.6001C15.5344 85.0337 13.5 79.2066 13.5 71.375Z"></path>
<path fill="#271A1A" d="M26 82C28.5 85.5 33.5 89 41.5 87.5C41.5 87.5 33.4996 88 28.4996 83C24.6354 79.5 23 72 23 72C23.1667 75 24 79.2 26 82Z"></path>
<path fill="#271A1A" d="M19.9997 86.5C15.1997 81.3 17.333 65.6667 18.9997 58.5C18.9997 58.5 18.0003 71 18.5 75C18.9997 79 19.9997 81 19.9997 81C19.6663 81.6667 19.1997 83.7 19.9997 86.5Z"></path>
<path fill="#271A1A" d="M21.4995 71C19.8995 61 23.1662 47.8333 24.9995 42.5L28 43C26 44 21.4995 55 21.4995 71Z"></path>
<path fill="#342525" d="M74 52C64.5 55.5 56 43.5 56 39.5L63.5 37L72 38.5C72 43 74 40.5 74 52Z"></path>
<path fill="#181324" d="M20.8354 26.4248C20.8354 26.4248 18.6735 34.3671 19.0423 42C25.2512 45.5 38.288 48.0713 47.5735 48.25C59.2928 48.4756 69.9676 44.468 76.9994 42C76.7188 33.3856 74.48 26.4248 74.48 26.4248C74.48 26.4248 59.9659 18.397 47.5735 18.1409C34.6294 18.5879 20.8354 26.4248 20.8354 26.4248Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<mask height="31" width="59" y="18" x="19" maskUnits="userSpaceOnUse" style="mask-type:alpha" id="mask9_1:954">
<path fill="white" d="M20.837 26.4248C20.837 26.4248 19.0437 35.5 19.0437 42C24.736 45.5 38.7069 48.0622 47.5751 48.2497C59.406 48.5 69.9631 44.4703 77.0012 42C76.7207 33.3856 74.4817 26.4248 74.4817 26.4248C74.4817 26.4248 59.9676 18.397 47.5751 18.1409C34.6311 18.5879 20.837 26.4248 20.837 26.4248Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</mask>
<g mask="url(#mask9_1:954)">
<path fill="black" d="M63.6518 21.5543C63.6518 21.5543 55.7691 24.3857 49.281 34.6426C42.7929 44.8995 9.53108 44.5491 9.53108 44.5491C9.53108 44.5491 99.3693 62.6868 99.8142 60.8185C100.259 58.9501 84.2301 28.7471 84.2301 27.2051C84.2301 25.663 63.6518 21.5543 63.6518 21.5543Z" clip-rule="evenodd" fill-rule="evenodd" opacity="0.456008"></path>
</g>
</g>
<path fill="#FF5A5A" d="M49.5826 105.642C49.5826 105.642 44.6104 101.076 42.5969 101.001C40.5833 100.925 40.3552 109 42.5969 109C44.8386 109 49.5826 105.642 49.5826 105.642Z" clip-rule="evenodd" fill-rule="evenodd"></path>
<path fill="#FF5A5A" d="M49.0004 105.642C49.0004 105.642 53.9726 101.076 55.9861 101.001C57.9997 100.925 58.2278 109 55.9861 109C53.7445 109 49.0004 105.642 49.0004 105.642Z" clip-rule="evenodd" fill-rule="evenodd"></path>
</svg>
        <strong>元音字母查询</strong>
      </a>

    </div>
  </div>
</header>

<main>
<div class="alert alert-danger" role="alert">
  <section class="py-5 text-center container">
    <div class="row py-lg-5">
      <div class="col-lg-6 col-md-8 mx-auto">

           <form method="post" action="/result">

               <div class="modal-dialog" role="document">
    <div class="modal-content rounded-6 shadow">
      <div class="modal-header border-bottom-0">
        <h5 class="modal-title">元音字母出现频次</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
<div class="form-floating mb-3">
            <input type="text" class="form-control rounded-4" name="vowels" >
            <label for="floatingInput">Vowels</label>
          </div>
        <div class="form-floating mb-3">
            <input type="text" class="form-control rounded-4" name="word" >
            <label for="floatingInput">Word</label>
          </div>

<br>
              <button class="btn btn-lg btn-outline-danger w-100 mx-0 mb-2" type="submit">点我提交哦</button>
        <br>
<p class="mb-1">温馨提示：</p>
    <p class="mb-1">请在"vowels"上输入元音字母‘a,e,i,o,u’</p>
        <p class="mb-1">并在"word"一栏上输入您所需要查询的单词哦！</p>
      </div>

    </div>
  </div>



</form>

      </div>
    </div>
  </section>


</main>




    <script src="/docs/5.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>


  </body>
</html>